<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
<style>
p{
	color:rgb(19, 18, 18);
	text-indent: 0%;
} 
#id1{
    background-color: rgb(125, 161, 142);
    text-align: center;
}
.class1{
    background-color: deeppink;
    font-size: 20px;
}
h3{
  text-indent: 10%;
  text-shadow: coral;
}
h4{
  letter-spacing: 10px;
}
/* hr {color:rgb(45, 160, 102);
  font-size: 20px;
} */
</style>
</head>

<body>
<p>首先对于css则将内容输入在head中的“style”当中</p>
<!--下面提到两种选择器。一种是id、则一种是class，则例子如下-->
<div id="id1"> 这是id选择器</div> <br>
<hr>
<div class="class1"> 这是class选择器</div> <br>
<!--其实关于那个css的内容，比如说是对文章的操纵-->
<h3>这是被调控的1</h3> 
<h4>这是被调控的1</h4>    <!--其实我记得还有啊，爱怪不是由letter-space来进行操纵的-->
  <!--在此有“lin-height””letter-“word”；“line”spacing等一些系列的--->
</body>
</html>